<ion-view view-title="积分"  hide-tabs="true" >
  <!-- 头部 -->
  <ion-header-bar align-title="center" class="bar-positive">
    <div class="buttons">
      <button class="button-go-back" ng-click="goback()"><i class="icon ion-chevron-left"></i></button>
    </div>
    <h1 class="title">积分</h1>
    <div class="buttons" ui-sref="tab.int_rule">
      <button class="button-go-back">
        规则
      </button>
    </div>
  </ion-header-bar> 
  <ion-content id="int" [scroll="true"] [overflow-scroll="true"] class="APP_BG_color">
    <!--<ion-refresher pulling-text="Pull to refresh..." on-refresh="doRefresh()"></ion-refresher>-->
    <div class="row">
      <div class="col-40">
        <img ng-src="img/icons/int.png" alt="">
      </div>
      <div class="col-60">
        <h6>当前积分</h6>
        <h4>{{integral}}</h4>
      </div>
    </div>
    
    <div class="int_lists" ng-repeat="item in new_data">
      <p class="month">
        <span style="font-size:12px;font-family:HelveticaNeue;color:rgba(97,97,97,1);line-height:25px;">{{item.month}}</span>
        <span style="font-size:12px;font-family:HelveticaNeue;color:rgba(255,90,90,1);line-height:25px;text-align:center;">{{item.rewardBonus | number:0}}</span>
        <span style="text-align:right; font-size:12px;font-family:HelveticaNeue;color:rgba(0,150,136,1);line-height:25px;">{{item.consumeBonus | number:0}}</span>
      </p>
      <ul>
        <li ng-repeat = "x in item.list" style="padding-top:5px;padding-bottom:5px; padding-right:90px;">
          <p style="line-height:14px;">{{x.title}}</p>
          <span class="time">{{x.dateTime}}</span>
          <span class="num right">
            <small ng-show="x.type == 2">-</small>
            <small ng-show="x.type == 1">+</small>
            {{x.point | number:0}}
          </span>
        </li>
      </ul>      
    </div>
    
    
    <div style="height: 30px;width: 100%;text-align: center;font-size: 10px;color: #E0E0E0;" ng-if='nomoreData'>
    	没有更多记录了~
    </div>
    
    <!--<div class="int_lists">
      <p class="month">
        <span style="font-size:12px;font-family:HelveticaNeue;color:rgba(97,97,97,1);line-height:23px;">2018年1月</span>
        <span style="font-size:12px;font-family:HelveticaNeue;color:rgba(255,90,90,1);line-height:23px;text-align:center;">收入6750</span>
        <span style="text-align:right; font-size:12px;font-family:HelveticaNeue;color:rgba(0,150,136,1);line-height:23px;">抵现3400</span>
      </p>
      <ul>
        <li>
          <p>购物积分</p>
          <span class="time">1月21日 13:21:44</span>
          <span class="num"><small>+</small>100</span>
        </li>
        <li>
          <p>积分抵现</p>
          <span class="time">1月21日 13:21:44</span>
          <span class="num"><small>-</small>100</span>
        </li>
      </ul>      
    </div>-->

    <!-- <ion-infinite-scroll ng-if="moredata" on-infinite="loadMore()"distance="10%"  immediate-check="false"></ion-infinite-scroll>  -->
  </ion-content>
</ion-view>